<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"> 
 
 <title>Happy Birthday to 许晓倩</title>
 <link rel="stylesheet" href="css/jquery.fullPage.css">
 <link rel="stylesheet" href="css/style.css">
</head>

<body>
<div class="bgcolor">
  <div style="z-index:100;" id="dowebok">
  
      <!--one-->
      <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">xxx</p>
              <p class="ly-stxt02">xxxxxxxxxxxxxxxx</p>
              <p class="ly-stxt03">xxxxxxxxxxxxxxxxxx</p>
              <p class="ly-stxt04">xxxxxxxxxxxxxxx</p>
              <p class="ly-stxt05">xxxxxxxxxxxxxxxxx</p>
            </div>
			<div class="ly-txt02">
              <p class="ly-stxt06">xxxxxxxxxxxxxxx</p>
              <p class="ly-stxt07">xxxxxxxxxxx</p>
              <p class="ly-stxt08">xxxxxxxxxxxx</p>
              <p class="ly-stxt09">xxxxxxxxxxxxxx</p>
              <p class="ly-stxt10">祝你：往下拉！</p>
            </div>
        </div>
      </div> 

	  
	  <!--two-->
      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
              <div class="ly-txt21" style="width:100%;height:10%;left:10%">
                  <img class="ly-img11" src="img/1.png" style="width:200%;height:100%">
              </div>
              <div class="ly-txt22" style="left:20%;font-size: 45px">
                 <p>祝</p>
                 <p>你</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="img/2.png">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23" style="width:100%;height:10%;left:10%">
                 <img class="ly-img11" src="img/1.png" style="width:200%;height:100%">
              </div>
              <div class="ly-txt24">
               <p>百事可乐</p>
               <p>万事芬达</p>
               <p>天天哇哈哈</p>
               <p>月月乐百事</p>
              </div>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="img/3.png">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box23">
              <div class="ly-txt25" style="width:100%;height:10%;left:10%">
                  <img class="ly-img11" src="img/1.png" style="width:100%;height:100%">
              </div>
              <div class="ly-txt26">
               <p>年年高乐高</p>
               <p>心情似雪碧</p>
               <p>永远心飞扬</p>
              </div>
              <div class="ly-imgbox23"  style="height: 70%">
                <img class="ly-img23" src="img/4.jpg"  style="height: 100%">
              </div>
          </div>
          <div class="ly-triangle23"></div>
      </div>
	  
	  
	  <!--three-->
      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
              <div class="ly-txt11" style="width:100%;height:10%;left:10%">
                <img class="ly-img11" src="img/1.png" style="width:100%;height:100%">
              </div>
              <div class="ly-txt12">
                  
              </div>
              <div class="ly-imgbox11" style="height:80%">
                <img class="ly-img11" src="img/5.jpg" style="height:100%">
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
              <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                  <img class="ly-img11" src="img/1.png" style="width:100%;height:100%">
              </div>
              <div class="ly-txt14">
			     <p>xxxxxxxxxxxxxxxxxxxxx</p>xx
			     <p>xxxxxxxxxxxxxxxxxxxxxx</p>
			     <p>xxxxxxxxxxxxxxxxxxxxxx</p>
				 <p>xxxxxxxxxxxxxxxxxxxxxxx</p>
              </div>
              <div class="ly-imgbox11" style="height:50%">
                <img class="ly-img11" src="img/6.png" style="height:100%">
              </div>
          </div>
          <div class="ly-triangle12"></div>
      </div>
	  
  
      <!--four-->
      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
              <div class="ly-txt11">
                  201x-xx-xx
              </div>
              <div class="ly-txt12">
                XXXXXXXXXXXXXXXXXXXXX
              </div>
              <div class="ly-imgbox11">
                <img class="ly-img11" src="img/00.jpg">
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
              <div class="ly-txt13">
                  201X-XX-XX
              </div>
              <div class="ly-txt14">
                 
			     <p>XXXXXXXXXXXXXXXX</p>		 
			     <p>XXXXXXXXXXXXXXXXXX</p>
			     <p>XXXXXXXXXXXXXXXX</p> 
				 <p>XXXXXXXXXXXXXXXXX</p> 
				 <div class="ly-imgbox11">
					<img class="ly-img11" src="img/0.png">
				 </div>
              </div>
          </div>
          <div class="ly-triangle12"></div>
      </div>

      <!--five-->
      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
              <div class="ly-txt21">
                  201X-XX-XX
              </div>
              <div class="ly-txt22">
              <p><br></br></p>
                 <p>XXXXXXXXXXXXXXXX</p>X
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="img/41.jpg">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23">
				 XXXXXXXXXXXXXXXXXXXXXXX
				 XXXXXXXXXXXXXXXXXXXX
              </div>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="img/42.jpg">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box23">
              <div class="ly-txt25">
                 XXXXXXXXXXXXXXXXXX
				 XXXXXXXXXXXXXXXX
              </div>
              <div class="ly-imgbox23">
                <img class="ly-img23" src="img/43.jpg">
              </div>
          </div>
          <div class="ly-triangle23"></div>
      </div>
	  

      <!--six-->
      <div class="section">
      <div class="timeline"></div>
      <div class="timepoint31"></div>
      <div class="ly-box31">
		<div class="ly-txt31" style="width:100%;height:10%;left:10%">
			<img class="ly-img11" src="img/1.png" style="width:100%;height:100%">
		</div>
		<div class="ly-txt32">
			<p>祝你：</p>
			<p>&nbsp;&nbsp;福如东海老王八,啦啦啦！！！</p>
			<p>&nbsp;&nbsp;寿比南山大石头,啦啦！！！</p>
		</div>
		<div class="ly-imgbox31" style="height:50%">
			<img class="ly-img31" src="img/61.jpg" style="height:100%">
		</div>
      </div>
      <div class="ly-triangle31"></div>

      <div class="ly-box32">
	  <div class="ly-txt33" style="width:100%;height:15%;left:10%">
			<img class="ly-img11" src="img/1.png" style="width:100%;height:100%">
       </div>
       <div class="ly-txt34">
			<p>祈望你心灵深处芳草永绿，青春常驻，笑口常开。祝你生日快乐，健康幸福！</p>
       </div>
              <div class="ly-imgbox31">
                <img class="ly-img31" src="img/62.jpg"  style="height:100%">
              </div>
          </div>
          <div class="ly-triangle32"></div>
      </div> 
	  
	  
	<!--End-->
	<div class="section">
<style>
	.ceter{ width:1400px; height:700px; border:1px solid #F00; text-align:center; line-height:80px;}
</style>
			<div class="ceter">
			<p>看完点这里<a href="Shadow.html" title="Shadow" >Shadow</a></p></div>
			  
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
              <div class="ly-txt11" style="width:100%;height:10%;left:10%">
                <img class="ly-img11" src="img/1.png" style="width:200%;height:200%">
              </div>
              <div class="ly-txt82" style="top:8%">
                  <p class="wwww1">趁着年轻把能干的坏事都干了吧，</p>
                  <p class="wwww1">因为你又长了一岁，</p>
				  <p class="wwww1">又老了一岁，</p>
				  <p class="wwww1">抓不住青春的尾巴，</p>
				  <p class="wwww1">就闻闻青春的屁了。</p>
				  <p class="wwww1">生日快乐！！！</p>
				  <p class="wwww1">哈哈哈哈哈哈。。。。</p>
              </div>
              <div class="ly-imgbox81">
                <img class="ly-img81" src="img/6.png">
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
              <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                  <img class="ly-img11" src="img/1.png" style="width:100%;height:100%">
              </div>
              <div class="ly-txt84">
                 <p>Best Wishes:</p> 
				 <p>Each birthday is a milestone we touch along life's way May your birthday be happy in more ways than one.</p>
				 <p>I hasten to congratulate you on the coming of your birthday. </p>
				 <p>May gladness fill your every hour with joy to light your way. </p>
				 <p>Wishing you a wonderful birthday. </p>
				 <p>You make this world a nicer place just by being so kindhearted.  </p>
				 <p>May this day that is all your own hold happiness for you and the years to come be filled with all the best things, too.</p>
              </div>
             <div class="ly-imgbox11" style="height:180px;width:320px;left:30%;bottom: 30px">
                <img class="ly-img11" src="img/7.jpg" style="height:100%">
              </div>
          </div>
          <div class="ly-triangle82"></div>
      </div>
       </div>
	   
	   
  <!--测试-->
  <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
  </ul>
  
   <ul class="bg-bubbles">
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="img/timg.gif" style="width:100%;height:100%"></li>
   </ul>
    
  </div>
  <audio src="music/2.mp3" autoplay="autoplay" loop="loop">
  
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/diy.js"></script>
</body>
</html>